<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <link href="../Css/EstilosDocencia.css" rel="stylesheet" type="text/css"/>
        <script src="../Js/Docencia.js" type="text/javascript"></script>
        <script src="../../vista/php/jquery-1.9.1.min.js" type="text/javascript"></script>
        <script src="../../CensoDigital/Js/jquery.paulund_modal_box.js" type="text/javascript"></script>
        
        <!--Librerias de la botoneria y pop-up-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="../../vista/Modal/css/bootstrap.min.css" rel="stylesheet">
        <script src="../../vista/Modal/js/bootstrap.min.js"></script>
        
        <!-- LIBRERIAS JQUERY PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../../Ginecobstetricia/vista/js/alertify.js"></script>
        <link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.core.css" />
        <link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.default.css" />
        
        <!--LIBRERIAS PARA LA CREACION DEL CALENDARIO-->
        <link href="../../RecepcionPaciente/Css/jquery.datetimepicker.css" rel="stylesheet" />
        <script src="../../RecepcionPaciente/Js/jquery.datetimepicker.js"></script> 
        
        
    </head>
    <body onload="BotonPrograma();CargarProgramas();CargarAnexos();BotonAnexo();">
        <table style="font-size: 130%;margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px">
            <tr>
                <td>
                    <div class="FormularioAnexos">
                        <table>
                            <tr>
                                <td colspan="2">
                                    <h1> Anexos Coda  <strong> <?php echo$_REQUEST['CodigoCoda'];   ?> </strong> </h1>
                                    <input type="hidden" name="txtCodigoCoda" id="CodigoCoda" value="<?php echo$_REQUEST['CodigoCoda'];   ?>" />
                                 </td>
                            </tr>
                            <tr>
                                <td>
                                    Institución
                                </td>
                                <td>
                                    <input disabled type="text" name="txtInstitucion" id="Institucion" value="<?php echo$_REQUEST['Institucion'];  ?>" />
                                    <input type="hidden" name="txtOidInstitu" value="<?php echo$_REQUEST['OidInstitucion'];  ?>" />
                                    <input type="hidden" name="txtOidInstitu" id="OidCoda" value="<?php echo$_REQUEST['OidCoda'];  ?>" />
                                    <input type="hidden" name="txtOidAnexo" id="OidAnexo" value="" />
                                    
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Programa
                                </td>
                                <td>
                                    <select name="cbPrograma" id="Programa">
                                        <option value="0">--</option>
                                    </select>
                                    <img data-toggle='modal' data-target='#NuevoPrograma' style="cursor: pointer" src="../../vista/imagen/nuevo.png" width="29" height="29" alt="nuevo" />
                                </td> 
                            </tr>
                            <tr>
                                <td style="height: 10px">
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Cantidad de Personas
                                </td>
                                <td>
                                    <input style="width: 50px" type="text" name="txtCantidadPersonas" id="CantidadPersonas" value="" />
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center">
                                    <input type="file" name="txtArchivo" id="Archivo"  value="" />
                                </td>
                            </tr>
                            <tr>
                                <td style="height: 10px">
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <textarea placeholder="Descripción del Anexo" style="width: 100%" name="txtDescripcionAnexo" id="DescripcionAnexo" rows="4" cols="20"></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td style="height: 100px">
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center">
                                    <table>
                                        <tr>
                                            <td>
                                                <div id="BotonAnexo"></div>
                                            </td>
                                            <td style="width: 5px">

                                            </td>
                                            <td>
                                                <input type="button" class="btn btn-info" value="Cancelar"  onclick="LimpiarFormAnexo();"/>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr> 
                        </table>
                    </div>
                </td>
                <td style="width: 20px">
                    
                </td>
                <td>
                    <div class="FormularioTablaAnexos" >
                        <table style="font-size: 80%">
                            <tr>
                                <td colspan="15" align="center">
                                     <h1>LISTADO ANEXOS CODA</h1> 
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="exteriorAnexo" >
                                        <table id="t1" class="t1" style="font-size: 130%;height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                            <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                <tr>
                                                    <th style="width: 30px">Fila</th>
                                                    <th style="width: 100px">Fecha Registro</th>
                                                    <th>Anexo</th>
                                                    <th>Descripción del Anexo</th>
                                                    <th style="width: 80px">Opciones</th>
                                                </tr>
                                            </thead>
                                        </table>
                                    </div>
                                    <div class="interior2Anexos" id="inte">
                                        <div id="ContenidoAnexos"></div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
        </table>
        
        <!--Modal Nueva Institucion-->
            <div class="modal fade" id="NuevoPrograma" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                          <h4 class="modal-title" id="myModalLabel">Programas</h4>
                        </div>
                        <div class="modal-body">
                            <div style="height: 330px;">
                                <form id="Encuesta" method="post">
                                    <table>
                                        <tr>
                                            <td>
                                                <section class="">
                                                    <div class="FormularioPrograma" >
                                                        <table style="font-size: 100%">
                                                            <tr>
                                                                <td colspan="15" align="center">
                                                                     <h1>REGISTRO PROGRAMA</h1> 
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input disabled placeholder="Institución" type="text" name="txtInstitucion" value="<?php echo$_REQUEST['Institucion'];  ?>" />
                                                                    <input type="hidden" name="txtOidInstitucion" id="OidInstitucion" value="<?php echo$_REQUEST['OidInstitucion'];  ?>" />
                                                                     <input type="hidden" name="txtOidPrograma" id="OidPrograma" value="" /> 
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input placeholder="Nombre Programa" type="text" name="txtNombrePrograma" id="NombrePrograma" value="" />
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <textarea placeholder="Descripcion del Programa" name="txtDescripcionPrograma" id="DescripcionPrograma" rows="4" cols="20"></textarea>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="height: 55px"></td>
                                                            </tr>
                                                            <tr>
                                                                <td align="center">
                                                                    <table>
                                                                        <tr>
                                                                            <td>
                                                                                <div id="BotonPrograma"></div>
                                                                            </td>
                                                                            <td style="width: 5px">
                                                                            </td>
                                                                            <td>
                                                                                <input type="reset" class="btn btn-info" value="Limpiar" onclick="BotonPrograma();" />
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </section>
                                            </td>
                                            <td style="width: 10px;"></td>
                                            <td>
                                              <section class="">
                                                    <div class="FormularioTablaPrograma" >
                                                        <table style="font-size: 130%">
                                                            <tr>
                                                                <td colspan="15" align="center">
                                                                     <h1>LISTADO PROGRAMAS</h1> 
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <div class="exteriorPrograma" >
                                                                        <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                                            <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                                                <tr>
                                                                                    <th>Fila</th>
                                                                                    <th>Descripción Programa</th>
                                                                                    <th>Descripción</th>
                                                                                     <th>Estado</th>
                                                                                </tr>
                                                                            </thead>
                                                                        </table>
                                                                    </div>
                                                                    <div class="interior2Programa" id="inte">
                                                                        <div id="ContenidoProgramas"></div>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </section>
                                          </td>
                                        </tr>
                                    </table>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Giff Progreso-->
        <div id="GProgreso">
        </div>
    </body>
</html>